<div class="cil-table-block">
  <st
    #st
    [scroll]="scroll"
    [data]="data"
    [columns]="columns"
    [widthMode]="{type: 'strict' }"
    [ps]="ps"
    [pi]="pi"
    [page]="stPage"
    [total]="total"
    [loading]="loading"
    (change)="onChange($event)"
  >
    <ng-template st-row="mode" let-item>
      <span>{{ item.mode ? (RiskRuleModeMap[item.mode] | i18n): (RiskRuleModeMap[item.type] | i18n)}}</span>
    </ng-template>
  </st>
  <div [ngClass]="'cil-custom-btns-empty-data'">
    <button
      class="cil__custom-btn__lightblue"
      nz-button
      nzType="primary"
      nzShape="round"
      nzSize="default"
      (click)="goAddRule()"
    >
      <i nz-icon type="plus"></i>
      {{'BTN.ADD' | i18n}}
    </button>
  </div>
</div>